@charset "utf-8";
/* CSS Document */

* {
    font-family: PingFangSC-Regular, Microsoft YaHei;
}
html,body {
	position: relative; height: 100%;
}
body {
    background: #fff;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-weight: 300;
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small {
    font-weight: 300;
}

a {
    color: inherit;
}
a:focus,
a:hover {
    color: inherit;
    text-decoration: none;
}
a:visited {
    text-decoration: none;
}
.txt-hid{
	white-space: nowrap; /* 因为设置了block，所以需要设置nowrap来确保不换行 */
    overflow: hidden; /* 超出隐藏结合width使用截取采用效果*/
    text-overflow: ellipsis; /* 本功能的主要功臣，超出部分的剪裁方式 */
    -o-text-overflow: ellipsis; /* 特定浏览器前缀 */
    text-decoration: none; /* 无用 */
}


.container {
    width: 100%;
}
#header{
	position:fixed; z-index:10000;
}
#header .navbar-logo{
	/*border-bottom:3px solid #CCCBC7; */padding-bottom:20px; display:block; overflow:hidden;
}
#header .logo-btn{
	float:left;	width:50%;
}
#header .logo-btn .logo{
	width:80%; padding-top:15px;
	background:transparent; border-color: transparent; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.0);
	/*border-radius:10px;
	border-top-left-radius:0px; border-top-right-radius:0px; text-align:center;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);*/
}
#header .logo-btn .logo img{
	width:95%;
}
#header .logo-txt{
	float:left; display:block; width:50%; text-align:right; padding-top:15px;
}
#header .logo-txt img{
	width:80%;
}
#header .navbar-default {
    border:0;
    margin-bottom: 0;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    z-index: 1000;
    background-color: transparent;
    background:url(../images/mengban.png) center top;
}
#header .navbar-default .navbar-nav .dropdown:hover>a {
	background-color:rgba(255,252,252,0.5); color:#73FFFF;
	border-bottom: 2px solid #063F98;
}
#header .navbar-default .navbar-nav>li:hover .dropdown-menu {
    display: block;
    width: 190px;
}
#header .navbar-default .navbar-nav .dropdown-menu {
    border: 0px; border-radius: 0;
}
#header .navbar-default .navbar-nav .dropdown-menu>li>a {
    padding: 11px 20px; font-size: 16px; color: #333333;
}
#header .navbar-default .navbar-nav .dropdown-menu>li>a:hover {
    background: #E9F1FC;
}
#header .navbar-default .navbar-nav>li>a {
    font-size: 18px; color:#fff;
    padding: 10px 17px 10px !important;
}
#header .navbar-default .navbar-nav>li:last-child>a{
	padding-right: 0px;
}
#header .navbar-default .navbar-nav>li:first-child>a{
	padding-left: 0px;
}
#header .navbar-default .navbar-nav>li>a:hover {
    color: #73FFFF;
}
#header .navbar-default .navbar-nav>.active>a, #header .navbar-default .navbar-nav>.active>a:hover, #header .navbar-default .navbar-nav>.active>a:focus {
    color:#73FFFF;
    background-color: rgba(255, 255, 255, 0);
}
#header .navbar-default .navbar-toggle .icon-bar {
    background-color: none;
}
#header .navbar-default .navbar-nav>li .line-top {
    border-top: 1px solid #0ba1e4;
    width: 18px;
    margin: auto;
}
#header .collapse.on{
	position:absolute; display:block; background:#fff; width:100%;
}
#header .collapse.on .navbar-nav{
	border-left:1px solid #BFBFBF; border-top:1px solid #BFBFBF;
}
#header .collapse.on .navbar-nav>li {
    text-align:center; float:left; width:48%;
}
#header .collapse.on .navbar-nav>li{
	border-right:1px solid #BFBFBF; border-bottom:1px solid #BFBFBF;
}
#header .collapse.on .navbar-nav>li>a {
    color:#000; text-align:center; height:38px;
}

#header.topbg .logo-btn .logo{
	/*background:#123DFE; border-color: #123DFE;*/
}
#header.topbg .navbar-default {
	/*background:#1852FE;*/ background:url(../images/topbg.jpg) #63A2F2 no-repeat center top;
}
#header.topbg .menubg {
	background:url(../images/menubg.jpg);
}

#header .nav-icon{display: none;position: absolute;right:3vw;top: 50%;margin-top: -7px;z-index: 10; }
#header .nav-icon span{display: block;width: 22px;height: 2px; background:#fff;border-radius:2px;transition: all .3s linear}
#header .nav-icon span:not(:first-child){margin-top:5px;}
#header .nav-icon.on span:nth-of-type(1){-webkit-transform: matrix(1,0,0,1,0,7) rotate(45deg);transform: matrix(1,0,0,1,0,7) rotate(45deg);}
#header .nav-icon.on span:nth-of-type(3){-webkit-transform: matrix(1,0,0,1,0,7) rotate(45deg);transform: matrix(1,0,0,1,0,-7) rotate(-45deg);}
#header .nav-icon.on span:nth-of-type(2){width: 0}
#header .nav-icon.on span{/*background: #333;*/}



/*底部*/
#footer{
	background:#578DED;
}
#footer .container{
	padding:50px 0px;
}
#footer .footer-link{
	padding-bottom:30px;
}
#footer .footer-logo{
	text-align:center; padding-bottom:30px;
}
#footer .footer-logo img{
	width:70%; max-width:378px;
}
#footer h4{
	padding-bottom:10px;
}
#footer a{
	color:#fff;
}
#footer .footer-txt{
	/*text-align:right;*/text-align:center; color:#fff; font-size:14px;
}
#footer .weixin{
	margin:0px auto; padding-bottom:10px; overflow:hidden; text-align:center;
}
#footer .weixinpic{
	/*float:right;*/width:100px; display:inline-block; margin:10px;
}
#footer .weixin img{
	width:100%; 
}
#footer .weixintxt{
	width:100%; text-align:center;
}
#footer .zsphone{
}


.gotop{
    height: 60px;
}
.gotop{
    position: fixed; right: 30px; bottom: 32%; display: block; width: 60px; height: 160px;
    font-family: PingFangSC-Regular, Microsoft YaHei;
    font-size: 12px; color: #FFFFFF; letter-spacing: 0; text-align: center; cursor: pointer; z-index: 99; display: none;
}
.gotop i{
    display: block; width: 60px; margin-bottom: 0; height: 60px;
    background: rgba(144, 144, 144, 0.7) url("../images/gotop.png") center center/36px 21px no-repeat;
    border-radius: 50%;   
}




/*手机超小屏幕下的单独样式 xs < 768px */
 @media (max-width: 767px) {
    /*全部-导航*/
    body {
        padding-top: 0;
        /*移动端若固定顶部导航的话高度为52px*/
        padding-bottom: 55px;
    }
	#header .logo-btn{
		width:70%;
	}
	#header .logo-txt{
		display:none;
	}
	#header .nav-icon{display: block;}
	#header .nav-icon span{/*background: #333;*/}
    #header .navbar {
        /*移动端导航不固定顶部*/
        position: relative !important;
    }
    #header .navbar {
        padding-bottom: 0;
    }
	#header .collapse.on .navbar-nav>li:hover .dropdown-menu {
        display: none;
    }

    /*全部-导航*/
}
/*手机超小屏幕下的单独样式 xs < 768px */
/*大于手机屏幕时的样式 sm >= 768px */
 @media (min-width: 768px) {
    body {
        /*padding-top: 82px;*/
        /*顶部固定导航条的空间*/
    }
    /*全部-导航*/
    #header .navbar {
        border-radius: 0;
        padding: 0 0;
    }
    #header .navbar-nav>li>a {
        padding: 15px 0;
    }
    /*全部-导航*/
}
/*大于手机屏幕时的样式 sm >= 768px */
/*平板小屏幕样式 768px <= sm < 992px */
 @media (min-width: 768px) and (max-width: 991px) {
	 #header .navbar-default .navbar-nav>li>a {
		font-size: 12px; color:#fff;
		padding: 6px 4px 6px !important;
	}
    
}
/*平板小屏幕样式 768px <= sm < 992px */
 @media (min-width: 992px) and (max-width: 1200px) {
	#header .navbar-default .navbar-nav>li>a {
		font-size: 14px; color:#fff;
		padding: 10px 8px 10px !important;
	}
}
@media (min-width: 1201px) and (max-width: 1300px) {
	#header .navbar-default .navbar-nav>li>a {
		font-size: 17px; color:#fff;
		padding: 10px 11px 10px !important;
	}
    
}
@media (min-width: 1301px) and (max-width: 1400px) {
	#header .navbar-default .navbar-nav>li>a {
		font-size: 17px; color:#fff;
		padding: 10px 15px 10px !important;
	}
}
@media (min-width: 1200px) {
    .container {
        max-width: 1400px;
        width: 100%;
        padding: 0;
    }

    .navbar-collapse {
        padding: 0;
    }
}